<template>
  <div style="height: 60px;width: 1500px"></div>
  <div class="comment_div">

    <router-link v-for="item in 10" class="comment_text" to="" style="height: 60px;text-align: left;padding: 40px;border-bottom: #dcdcdc solid 1px ">
      <el-row :gutter="10">
        <el-col :span="1">
          <div>
            <el-avatar :size="50" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"/>
          </div>
        </el-col>
        <el-col :span="23">
          <el-row>
            <el-col :span="12"><div>
              <h3 style="margin-top: 5px">用户名</h3>
              <p style="font-size: 15px;color: darkgray">3天前</p>
            </div></el-col>
            <el-col :span="12"><div style="margin: 0 0 80px 580px" >
              <el-button style="height: 40px;width: 100px;margin-top: 15px" type="primary" plain>
                <p style="font-size: 20px">关注</p>
              </el-button>
            </div></el-col>
          </el-row>
        </el-col>
      </el-row>

    </router-link>

  </div>


</template>

<script setup>

</script>

<style scoped>
a {
  text-decoration: none;
  color: #000;
  display: block;
}

.comment_text:hover {
  background-color: rgb(248,248,248);
}

.comment_div {
  height: 80vh;
  width: 1200px;
  margin: 0 auto;
  background-color: white;
  overflow-x: hidden;
  overflow-y: scroll;
}
.comment_div::-webkit-scrollbar{
  display: none;
}

</style>